<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>订单页面</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/app.css">

</head>
<body>
    <!-- top Nav -->
    <header class="ui-header ui-header-positive ui-border-b">
        <i class="ui-icon-return" onclick="history.back()"></i>
        <h1>订单填写</h1>
        <a class="go-home" href="/"><i class="ui-icon-home"></i></a>
    </header>
    <!-- 生成订单 -->
    <div class="user-order">
        <form id="registerForm" action="#">
            <div class="order-item">
                <div class="order-title">
                    <h4 class="ui-nowrap">南山滑雪场周末(节假日)全天滑雪票</h4>
                    <span><em>¥295</em>/张</span>
                </div>
                <p class="order-time">游玩日期:2015.12.19</p>
                <div class="order-tips">
                    <em>需要在游玩前1天的19:30前预订, 退款有限制条件</em>
                </div>
            </div>
            <div class="order-item clearfix">
                <label>购买数量</label>
                <div class="quantity-box">
                    <!-- 0时候增加class="disabled" -->
                    <a class="quantity-subtract" href="javascript:void(0);">-</a>
                    <input autocomplete="off" type="text" value="1" maxlength="8" class="quantity-txt" disabled/>
                    <a class="quantity-add" href="javascript:void(0);">+</a>
                </div>
            </div>
            <div class="order-item order-item-form">
                <label>有效期</label>
                <div class="hove-time">
                    <p>2015.12.19至2016.02.28</p>
                    <p><strong>每周六、周日可使用</strong></p>
                </div>
            </div>
            <div class="order-item order-item-form">
                <label>游客</label>
                <div class="ui-form-item ui-form-item-pure">
                    <input type="text" placeholder="游客姓名">
                    <a href="#" class="ui-icon-close"></a>
                </div>
            </div>
            <div class="order-item order-item-form">
                <label>手机</label>
                <div class="ui-form-item ui-form-item-pure">
                    <input type="text" placeholder="用于接收确认短信">
                    <a href="#" class="ui-icon-close"></a>
                </div>
            </div>
            <footer class="ui-footer ui-footer-stable ui-border-t">
                <ul class="ui-tiled">
                    <li class="ui-btn-row">
                        <span>产品价格</span>
                        <em>¥295</em>
                    </li>
                    <li class="ui-btn-row">
                        <a href="user_pay.html" class="ui-btn-lg ui-btn-danger">
                            提交订单
                        </a>
                        <!--<button class="ui-btn-lg ui-btn-danger">-->
                            <!--提交订单-->
                        <!--</button>-->
                    </li>
                </ul>
            </footer>

        </form>
    </div>

    <div class="mask"></div>
    <script src="js/lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <script src="js/app.js"></script>

</body>
</html>